<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            好多鱼商城后台管理系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="./css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form" id="form_news_details" onsubmit="return false" >
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        ID
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="newsDetailsId" name="newsDetailsId" required="" lay-verify="required"
                        autocomplete="off"  value="1" readonly="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>资讯题目
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="title" name="title" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>推荐语
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="introduction" name="introduction" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>资讯内容
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="content" name="content" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">所属分类</label>
                    <div class="layui-input-inline" >
                        <select id="newsClassifyId" name="newsClassifyId">
                            <option value="" >请选择新闻分类</option>
                            <option value="1" >养鱼环境</option>
                            <option value="2" >鱼的投食</option>
                            <option value="3" >加热棒的使用</option>
                            <option value="4" >鱼类的介绍</option>
                        </select>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button onclick="updateNewsDetailsWhereId()" class="layui-btn" lay-filter="save">
                        保存
                    </button>
                </div>
            </form>
        </div>
        <script src="./lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="./js/x-layui.js" charset="utf-8">
        </script>
        <script>
        	var $ = null;
        	var form = null;
        	var layer = null;
            layui.use(['form','layer'], function(){
              $ = layui.jquery;
              form = layui.form;
              layer = layui.layer;
             
             
              
              $(function(){
            	 // selNewsCategory();
            	  getNewsById();
              });
              
            });
            
           /* function selNewsCategory(){
            	$.post("../adminNewsCategory?reqName=selNewsCate",{},function(res){
            		for (var i = 0; i < res.length; i++) {
						$("#newsClassifyId").append(`
	                            <option value="${res[i].newsCategoryId}" >${res[i].newsClassifyName}</option>`);
						form.render("select");
					}
            	},"json");
            }*/
            
            function getNewsById(){
            	$.post("../adminNews?reqName=getNewsDetailsById",{
            		newsDetailsId: sessionStorage.getItem("newsId")
            	},function(res){
            		$("#newsDetailsId").val(res.newsDetailsId);
            		$("#title").val(res.title);
            		$("#introduction").val(res.introduction);
            		$("#content").val(res.content);
            		$("#newsClassifyId").val(res.newsCategoryId);
            	},"json");
            }
            
            function updateNewsDetailsWhereId(){
            	var titName = $("#title").val();
            	if(titName==null || titName==""){
            		layer.alert("请输入题目");
            		return false;
            	}
            	var inName = $("#introduction").val();
            	if(inName==null || inName==""){
            		layer.alert("请输入推荐语");
            		return false;
            	}
            	var conName = $("#content").val();
            	if(conName==null || conName==""){
            		layer.alert("请输入内容");
            		return false;
            	}
            	
            	$.post("../adminNews?reqName=updateNewsDetails",$("#form_news_details").serialize(),function(res){
            		if (res.success) {
						layer.msg(res.message);
						var index = parent.layer.getFrameIndex(window.name);//获得弹框的index
           			 	parent.layer.close(index);//关闭当前的页面
           			 	parent.myPagerQi();//调用父级页面的myPagerQi方法,目的是刷新页面
					} else {
						layer.msg(res.message);
					}
            	},"json");
            	
            }
            
        </script>
        
    </body>

</html>